<template>
  <el-table
      :data="tableData"
      :header-cell-style="{'text-align':'center'}"
      style="width: 100%"
      class="table_view"
      :cell-style="{borderColor: 'red'}">
    <el-table-column
        prop="ptp"
        label="端口"
        width="150">
    </el-table-column>

    <el-table-column
        label="输出光功率">
      <el-table-column
          prop="output.value"
          label="值（单位：dBm）">
      </el-table-column>
      <el-table-column
          prop="output.time"
          label="时间">
      </el-table-column>
    </el-table-column>
    <el-table-column
        label="输入光功率">
      <el-table-column
          prop="input.value"
          label="值（单位：dBm）">
      </el-table-column>
      <el-table-column
          prop="input.time"
          label="时间">
      </el-table-column>
    </el-table-column>
    <el-table-column
        label="激光器偏流">
      <el-table-column
          prop="laser.value"
          label="值（单位：mA）">
      </el-table-column>
      <el-table-column
          prop="laser.time"
          label="时间">
      </el-table-column>
    </el-table-column>
    <el-table-column
        label="激光器温度">
      <el-table-column
          prop="temp.value"
          label="值(单位：℃)">
      </el-table-column>
      <el-table-column
          prop="temp.time"
          label="时间">
      </el-table-column>
    </el-table-column>
    <el-table-column
        label="激光器频率">
      <el-table-column
          prop="rate.value"
          label="值">
      </el-table-column>
      <el-table-column
          prop="rate.time"
          label="时间">
      </el-table-column>
    </el-table-column>


  </el-table>
</template>

<script>
export default {
  name: "OPTStatistics",
  data() {
    return {
      tableData:[
        {
          ptp:'端口1',
          input: {
            value:0.35,
            time:'2022-6-22',
          },
          output:{
            value: 0.99,
            time:'2022-6-28'
          },
          laser:{
            value:5683,
            time:'2022-6-7'
          },
          temp:{
            value:34.5,
            time:'2022-4-9'
          },
          rate:{
            value:0.58,
            time:'2022-5-29'
          }

        },
        {
          ptp:'端口2',
          input: {
            value:0.35,
            time:'2022-6-22',
          },
          output:{
            value: 0.99,
            time:'2022-6-28'
          },
          laser:{
            value:5683,
            time:'2022-6-7'
          },
          temp:{
            value:34.5,
            time:'2022-4-9'
          },
          rate:{
            value:0.58,
            time:'2022-5-29'
          }

        },
        {
          ptp:'端口3',
          input: {
            value:0.35,
            time:'2022-6-22',
          },
          output:{
            value: 0.99,
            time:'2022-6-28'
          },
          laser:{
            value:5683,
            time:'2022-6-7'
          },
          temp:{
            value:34.5,
            time:'2022-4-9'
          },
          rate:{
            value:0.58,
            time:'2022-5-29'
          }

        },
        {
          ptp:'端口4',
          input: {
            value:0.35,
            time:'2022-6-22',
          },
          output:{
            value: 0.99,
            time:'2022-6-28'
          },
          laser:{
            value:5683,
            time:'2022-6-7'
          },
          temp:{
            value:34.5,
            time:'2022-4-9'
          },
          rate:{
            value:0.58,
            time:'2022-5-29'
          }

        },


      ]
    }
  }
}
</script>

<style scoped>

</style>